<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入本页面css样式表 -->
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部开始 -->
    <header class="header">
        <!-- 工具条开始 -->
        <div class="toolbar-bg">
            <div class="toolbar">
                <p class="fl">全国服务热线：400-000-0000</p>
                <span class="fr">
                    <a href="javascript:;">设为首页</a>
                    <a href="javascript:;">加入收藏</a>
                </span> 
            </div>
        </div>
        <!-- 工具条结束 -->
        <!-- logo和导航开始 -->
        <div class="logo-nav-bg">
            <div class="logo-nav">
                <a class="fl logo">
                    <img src="images/logo.png" alt="">
                </a>
                <ul class="fr nav">
                    <li><a href="" class="cur"><span>首页 &nbsp;Home</span></a></li>
                    <li><a href="index2.html"><span>关于我们About</span></a></li>
                    <li><a href=""><span>产品中心Products</span></a></li>
                    <li><a href=""><span>服务支持Service</span></a></li>
                    <li><a href=""><span>新闻中心News</span></a></li>
                    <li><a href=""><span>在线商店Shop</span></a></li>
                    <li><a href=""><span>联系我们Contact Us</span></a></li>
                </ul>
            </div>
        </div>   
        <!-- logo和导航结束 -->
    </header>
    <!-- 头部结束 -->
    <!-- 内容开始 -->
    <section class="content">
        <!-- 轮播图开始 -->
        <section class="banner">
            <a href="" class="banner-link">
                <img src="images/banner.jpg" width="100%" height="545px" alt="">
            </a>
            <span class="banner-ctrl">
                <a href="" class="cur"></a>
                <a href=""></a>
                <a href=""></a>
            </span>
        </section>
        <!-- 轮播图结束 -->
        <!-- 内容分类开始 -->
        <section class="cate">
            <ul>
                <li>
                    <header class="top1">
                        <h3>新闻中心</h3>
                        <p>NEWS.CENTER</p>
                    </header>
                    <section></section>
                    <div class="cate-t1">
                        <div class="t1"><span>CeBlT 2015</span>
                        </div>
                        <div class="cate-t1-li">
                                <h5>创新ICT共建全联接</h5>
                                <h5>世界德国汉诺威展览</h5>
                                <h5>中心</h5>
                                <h5>3月16日-20日</h5>
                        </div>
                        <div class="cate-t1-hr"></div>
                        <div class="cate-t1-a">
                                <h5>伤害国际智能建筑展览会</h5>
                                <h5>2014德国柏林国际消费类电子产品展览会</h5>
                                <h5>2014中国（贵阳）公告安全防范产品博览会</h5>
                                <h6 class="a1"></h6>
                                <h6 class="a2"></h6>
                                <h6 class="a3"></h6>
                        </div>
                    </div>
                </li>
                <li>
                    <header class="top2">
                        <h3>新品发布</h3>
                        <p>NEW.PRODUCTS</p>
                    </header>
                    <section></section>
                    <div class="cate-t2">
                        <div class="t2"></div>
                        <div class="xiaoyuhao"></div>
                        <div class="dayuhao"></div>
                        <h1>s6213w-y</h1>
                        <p>海思3518E方案，多码流技术，百万高清</p>
                    </div>
                </li>
                <li>
                    <header class="top3">
                        <h3>品牌介绍</h3>
                        <p>INFORMATION</p>
                    </header>
                    <section></section>
                    <div class="cate-t3">
                        <div class="t3"></div>
                        <p>siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
                        <p class="p1">“</p>
                        <p class="p2">”</p>
                    </div>
                </li>
            </ul>
            <div class="clear"></div>
        </section>
    <!-- 内容分类结束 -->
    <!--关于我们开始-->
    <div class="content1">
        <div class="wo"><b>关于我们</b>
            <div class="wo1">STORE DISPLAY</div>
        </div>
    </div>
    <!--关于我们结束-->
    <div class="banner2">
        <P>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面
            向全球提供领先的网络视频监控系列产品及专业的行业解决方案。</P>
        <p>TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现
            拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品</p>
        <p>持续为客户创造最大价值。 </p>
        <div class="banner2-b1">
            <div class="banner2-t1"></div>
            <div class="banner2-t2"></div>
            <div class="banner2-t3"></div>
            <div class="banner2-t4"></div>
            <div class="banner2-t5"></div>
        </div>
    </div>

    <!--联系我们开始-->
    <div class="content2">
            <div class="wo3"><b>联系我们</b>
                    <div class="wo4">STORE DISPLAY</div>
                </div>
        </div>
    </section>
    <!--联系我们结束-->
    <div class="text">
        <div class="box">
        <div class="ma">
            <P>微信扫一扫</P>
            <p>关注我们相关的信息</p>
        </div>
        <div class="lianxi">
        <div class="lianxi1">服务热线：400-000-0000</div>
        <div class="lianxi2">联  系  人：某先生</div>
        <div class="lianxi3">公司邮箱：www.tk.com</div>
        <div class="lianxi4">公司传真：000-12345678</div>
        <div class="lianxi5">邮政编码：467000</div>
        <div class="lianxi6">公司地址：广州市某某区某某路某号</div>
        </div>
        </div>
        <div class="ditu"></div>
        <div class="form">
            <span>昵称</span><br/>
            <input type="text" name="#" style="width:603px;height:32px;" class="input1">
            <span>联系电话</span><br/>
            <input type="text" name="#" style="width:603px;height:32px;" class="input1">
            <span>电子邮箱</span><br/>
            <input type="text" name="#" style="width:603px;height:32px;" class="input1">
            <span>内容</span><br/>
            <textarea name="content" rows="7" cols="84" class="input"> </textarea>
        </div>
        <div class="submit">提交</div>
    </div>
    <!-- 内容结束 -->
    <!-- 尾部开始 -->
    <footer class="footer">
        <div class="chonglan">关注我们：</div>
        <ul>
            <li>网站首页 ·</li>
            <li>新闻动态 ·</li>
            <li>关于我们 ·</li>
            <li>团队风采 ·</li>
            <li>联系我们 ·</li>
            <li>在线留言</li>
        </ul>
    </footer>

    <div class="banquan">
        <a href="">©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</a>
    </div>
    <!-- 尾部结束 -->
</body>
</html>